<!--
 * new page
 * @author: dh
 * @since: 2023-12-20
 * Home.vue
-->
<template>
  <div class="container">
    <Banner></Banner>
    <Popular></Popular>
  </div>
</template>

<script setup lang="ts">
import { reactive } from "vue";

import Banner from "./Banner.vue";
import Popular from "./Popular.vue";
interface IPerson {
  readonly id: number; //只读
  name: String;
  age?: number;
  sex: String | number; // |联合类型
}

let viking: IPerson = reactive({
  id: 1,
  name: "viking",
  age: 20,
  sex: "",
});
</script>

<style scoped></style>
